window.addEventListener('load', function () {
    let goRegister = document.querySelector('.goRegister')  ///去注册
    let goLogin = document.querySelector('.goLogin')///去登入
    let register = document.querySelector('.register')///注册界面
    let login = document.querySelector('.login')///登入界面
    let btnregister = document.querySelector('.btnregister')///注册按钮
    let rusername = document.querySelector('.register [name="username"]')///注册  用户名
    let rpassword = document.querySelector('.register [name="password"]')///注册  密码
    let btnlogin = document.querySelector('.login')///登入按钮
    let lusername = document.querySelector('.login [name="username"]')///登入  用户名
    let lpassword = document.querySelector('.login [name="password"]')///登入  密码

    ///---登入注册的输入验证
    function test() {
        return {
            fields: {
                username: { //* 这里username是 input 的name属性值，表示对这个输入框进行验证
                    validators: { //* 添加真正的校验规则
                        notEmpty: {   //不能为空
                            message: '用户名不能为空.'//* 如果不满足校验规则，则给出这句提示
                        },
                        stringLength: {   //*检测长度
                            min: 2, //* 最少2位
                            max: 15, //* 最多15位
                            message: '用户名需要2~15个字符'
                        }
                    }
                },
                password: {
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        },
                        stringLength: {   //*检测长度
                            min: 6,
                            max: 15,
                            message: '密码需要6~15个字符'
                        }
                    }
                }
            }
        }
    }


    /// ---------------------------------------登入注册的显示与隐藏----------------------

    /// 1 ----------------注册界面-------
    goRegister.addEventListener('click', function () {
        login.style.display = 'none'
        register.style.display = 'block'
    })
    /// 2 ----------------登入界面-------
    goLogin.addEventListener('click', function () {
        login.style.display = 'block'
        register.style.display = 'none'
    })

    /// ---------------------------------------登入注册的提交----------------------

    ///  1  -----------注册提交----------
    $('.register form')
        .bootstrapValidator(test())
        .on('success.form.bv', function (e) {
            e.preventDefault();
            console.log(rusername.value, rpassword.value);
            axios({
                url: '/api/register',
                method: 'post',
                data: {
                    username: rusername.value,
                    password: rpassword.value
                }
            }).then(res => {
                console.log(res);
                if (res.data.code == 0) {
                    goLogin.click()
                    toastr.success(res.data.message)
                } else if (res.data.code == 1) {
                    toastr.warning(res.data.message)
                }
            })
        });

    ///  2  -----------登入提交----------
    $('.login form')
        .bootstrapValidator(test())
        .on('success.form.bv', function (e) {
            e.preventDefault();
            console.log(rusername.value, rpassword.value);
            axios({
                url: '/api/login',
                method: 'post',
                data: {
                    username: lusername.value,
                    password: lpassword.value
                }
            }).then(res => {
                console.log(res);
                if (res.data.code == 0) {
                    localStorage.setItem('token', res.data.token)
                    location.href = './index.html'
                } else if (res.data.code == 1) {
                    toastr.warning(res.data.message)
                }
            })
        });





















})